 
@import "pxvalue.less";
 .main_box{
     width: @p690;
     margin-left: @p30;
     height: 100%;
     box-shadow: 0 0 @p10 #ddd;
     border-radius: @p12;
     overflow: hidden;
     padding-bottom: @p40;
     margin-top: @p30;
    .title{
        width: 100%;
        height: @p86;
        line-height: @p86;
        text-align: center;
        background-color: #1c83fc;
        color: #fff;
    }
    .body{
        padding-top: @p30;
        .input_box{
            
            height: @p84;
            line-height: @p84;
            width: @p600;
            margin-left: @p44;
            border-bottom: 1px solid #dcdcdc;
            .input_name{
                font-size: @p32;
                width: @p150;
                display: inline-block;
            }
            .input{
                font-size: @p32;
                width: @p426;
                margin: 0
                
                padding: 0;
                border: none;
            }
        }
    }
    .query_btn{
        width: @p600;
        margin-left: @p44;
        margin-top: @p70;
        border-color: #1c83fc;
        color: #1c83fc;
    }
 }
 
 
 .bg_blue{
     background-color: #1c83fc !important;
     color: #fff;
 }
 .bg_gree{
     background-color: #f6f6f6 !important;
 }
 .weather_res{
     padding:  @p30;
     .panel{
          width: 100%;
         min-height: @p144;
         background-color: #fff;
         border-radius: @p12;
         margin-bottom: @p20;
         padding-bottom: @p20;
         padding-top: @p20;
         .title{
             color: #1c83fc;
         }
         .icon_img2{
             width: @p112;
             height: @p112;
             float: left;
             margin-left: @p40;
    
             img{
                 width: 100%;
             }
         }
         .right_info{
             width: @p360;
             float: right;
              color: #353535;
            line-height: @p112;
            font-size: @p36;
            margin-right: @p40;
            text-align: right;
            .week{
                float: left;
            }
         }
     }
     .break{
        padding-left: @p40;
        padding-top: @p40;
        .title{
            font-size: @p32;
            
        }
        p{
            font-size: @p22;
           .break_date{
               float: right;
               margin-right: @p40;
           }
        }
     }
     .top_panel{
           
          .date{
              height: @p80;
              line-height: @p80;
              font-size: @p32;
              text-align: center;
              color: #353535;
          }
          .icon_img{
              margin-left: @p40;
              width: @p200;
              height: @p200;
              float: left;
//            background-color: #ccc;
              img{
                  width: 100%;
              }
          }
          .temp{
              float: right;
              color: #353535;
              font-size: @p70;
              margin-right: @p40;
              margin-top: @p30;
              .address{
                  margin-top: @p20;
                  text-align: right;
                  font-size: @p41;
                  
              }
          }
          .bottom{
              font-size: @p30;
              line-height: @p60;
              height: @p60;
              color: #353535;
              clear: both;
              padding-left: @p40;
          }
     }
 }

 
.res_list{
    color: #353535;
    .item{
         
        width: @p750;
        padding-left: @p30;
        padding-right: @p30;
        font-size: @p28;
        padding-top: @p20;
         padding-bottom: @p20;
        background-color: #fff;
        border-bottom: 1px solid #e1e1e1;
        .line1{
             span:nth-child(1){
                font-size: @p28;
                color: #000;
            }
            span:nth-child(2){
                font-size: @p26;
                color: #000;
                div{
                    font-size: @p22;
                }
            }
            .icon_img{
                display: inline-block;
                width:@p26 ;
                height: @p26;
                background-size: 100% 100%;
                vertical-align: middle;
            }
            span:nth-child(3){
                font-size: @p22;
                color: #aaa;
            }
            
             span:nth-child(4){
                font-size: @p26;
                color: #000;
                div{
                    font-size: @p22;
                }
                
            }
        }
         .line2{
             span{
                 font-size: @p24;
             }
         }
         .block{
             overflow: hidden;
             span{
                 float: left;
                 width: 25%;
             }
         }
    }
}  

.air_res_list{
   
    .item{
        background-color: #fff;
        padding: @p10 0;
    
        width: @p690;
        min-height: @p100;
        margin-left: @p30;
        margin-top: @p20;
        
        position: relative;
        .block{
            margin-left: @p20;
            margin-top: @p20;
//          background-color: #F1F1F1;
            overflow: hidden;
            .time{
                color: #353535;
                float: left;
                span{
                    font-size: @p50;
                }
            }
            .center{
                padding-top: @p18;
                padding-left: @p30;
                padding-right: @p30;
            }
        }
        .right{
            position: absolute;
            right: @p20;
            top: @p40;
           color: #aaa;
           font-size: @p30;
           text-align: center;
        }
        .bottom{
            margin-left: @p20;
        }
    }
}

   